<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>BLOG</title>
    <link rel="stylesheet" href="./8.css">
</head>
<body>
    <div class="home">
        <div class="content">
            <div class="stars"></div>
            <img class="bg2" src="./img/bg2.jpeg" width="100%" alt="">
            <h2 class="title">欢迎来到我们的博客</h2>
            <h2 class="title2">一起变快乐吧</h2>
            <img class="icon" src="./img/单箭头（下）白.png" alt="">
            <div class="ribbon">
                <a href="./静态网页.html"><span>Home</span></a>
                <a href="./8.2.html"><span>About</span></a>
            </div>
        </div>
        <div class="icons">
            <div class="icons2">
                <img class="icons3" src="./img/1.png" alt="">
                <span>想和大家一起放烟花跨年！</span>
            </div>
            <div class="icons2">
                <img class="icons3" src="./img/2.png" alt="">
                <span>我是一个爱幻想的女孩儿</span>
            </div>
            <div class="icons2">
                <img class="icons3" src="./img/3.png" alt="">
                <span>每天最开心的事情就是干饭干饭！</span>
            </div>
            <div class="icons2">
                <img class="icons3" src="./img/4.png" alt="">
                <span>但是每天都要纠结吃什么</span>
            </div>
        </div>
        <div class="introduce">
            <div class="introduce-item">
                <img class="intro-1" src="./img/5.jpg"  width="400px" height="300px" alt="">
                <span class="intro-item-2">我是收到花的快乐女孩！春日来的刚刚好，一起贩卖快乐吧！</span>
            </div>
            <div class="introduce-item">
                <span class="intro-2">总是想要记下很多瞬间，因为“春天不常在，花也不常开，少年心动只在一瞬间”</span>
                <img class="intro-1" src="./img/6.jpg" width="400px" height="300px" alt="">
            </div>
            <div class="introduce-item">
                <img class="intro-item-1" src="./img/7.jpg" width="400px" height="300px" alt="">
                <span class="intro-item-2">原来孤单的小熊也能收到船只载来的春日的花信</span>
            </div>
            <div class="introduce-item">
                <span class="intro-2">祝想见的人天天相见，今天的天气也好到适合用‘值得逃课’来形容</span>
                <img class="intro-1" src="./img/9.jpg" width="400px" height="300px" alt="">
            </div>
        </div>
        <audio autoplay="autoplay" id="audio" loop="loop">
            <source src="./video/MoreanP - Feeling The Rain.mp3" type="audio/MP3">
        </audio>
        <img class="music-img" src="./img/音乐.png" alt="">
    </div>
</body>
<script>
    let mucics = document.getElementById('audio')
    document.body.addEventListener('mousemove',function(){
        setTimeout(() => {
            mucics.play();
        },2000);
    },false); 
</script>
</html>